$(document).on('click', '.btn', function() {
    let btnOffset = $(this).offset();
    // 设置模态框的位置
    $('.modal').css({
        "position": "absolute",
        "top": btnOffset.top - $('.modal').outerHeight() - 10,  // 按钮上方
        "left": btnOffset.left + ($(this).outerWidth() - $('.modal').outerWidth()) / 2,  // 水平居中
    });
    $('.modal').show();  // 显示模态框
});

$(document).on('click', '.modal .cancel', function() {
    $('.modal').hide();  // 隐藏模态框
});
$(document).click(function(event) {
    if (!$(event.target).closest('.modal, .btn').length && !$(event.target).closest('.modal .content_button').length) {
        $('.modal').hide();
    }
});